<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" charset="utf-8">
		<title>分类的ing</title>
		<link rel="stylesheet" href="css/text2.css" />
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/text.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="entirety">
			<h3 class="biaoti" >商品分类</h3>
			<div class="zleft" style="">
				<p class="one1" style="border-bottom: 1px gainsboro solid;">上衣</p>
				<p class="one2" style="border-bottom: 1px gainsboro solid;">裤子</p>
				<p class="one3" style="border-bottom: 1px gainsboro solid;">裙子</p>
				<p class="one4">套装</p>
				<p class="one1" style="border-bottom: 1px gainsboro solid;">上衣</p>
				<p class="one2" style="border-bottom: 1px gainsboro solid;">裤子</p>
				<p class="one3" style="border-bottom: 1px gainsboro solid;">裙子</p>
				<p class="one4">套装</p>
				<p class="one1" style="border-bottom: 1px gainsboro solid;">上衣</p>
				<p class="one2" style="border-bottom: 1px gainsboro solid;">裤子</p>
				<p class="one3" style="border-bottom: 1px gainsboro solid;">裙子</p>
				<p class="one4">套装</p>
			</div>
			<div class="">
			<!--上衣-->
			<div class="zright" style="display: none;">
				<a class="ui-link1" href="#"><img src="images/20150518092152.jpg" width="100%" height="50px"/></a>
				<h3><a class="ui-link1" href="#" style="color: darkgray;">上衣</a></h3>
				<div class="zz">
					<a class="ui-link2" href="#"><img src='images/包.png' width="25%" height="50px"/></a>
					<a class="ui-link2" href="#"><img src="images/彩妆.png" width="25%" height="50px"/></a>
					<a class="ui-link2" href="#"><img src="images/张家界1.png" width="25%" height="50px"/></a>
				</div>
				<br />
				<h3><a class="ui-links" href="#">上衣</a></h3>
				<div class="zz">
					<a class="ui-link2" href="#"><img src='images/月圆.png' width="25%" height="50px"/></a>
					<a class="ui-link2" href="#"><img src="images/爱好.png" width="25%" height="50px"/></a>
					<a class="ui-link2" href="#"><img src="images/美搭.png" width="25%" height="50px"/></a>
				</div>
			</div>
			<!--裤子-->
			<div class="zright2" style="display: none;">
				<a class="ui-link1" href="#"><img src="images/20150518092213.jpg" width="100%" height="50px"/></a>
				<h3><a class="ui-link1" href="#" style="color: darkgray;">裤子</a></h3>
				<div class="zz">
					<a class="ui-link2" href="#"><img src='images/包.png' width="25%" height="50px"/></a>
					<a class="ui-link2" href="#"><img src="images/彩妆.png" width="25%" height="50px"/></a>
					<a class="ui-link2" href="#"><img src="images/张家界1.png" width="25%" height="50px"/></a>
				</div>
				<br />
				<h3><a class="ui-links" href="#">裤子</a></h3>
			</div>
			<!--裙子-->
			<div class="zright3" style="display: none;">
				<a class="ui-link1" href="#"><img src="images/20150518092213.jpg" width="100%" height="50px"/></a>
				<h3><a class="ui-link1" href="#" style="color: darkgray;">裙子</a></h3>
				<div class="zz">
					<a class="ui-link2" href="#"><img src='images/包.png' width="25%" height="50px"/></a>
					<a class="ui-link2" href="#"><img src="images/彩妆.png" width="25%" height="50px"/></a>
					<a class="ui-link2" href="#"><img src="images/张家界1.png" width="25%" height="50px"/></a>
				</div>
				<br />
				<h3><a class="ui-links" href="#">裙子</a></h3>
			</div>
			<!--套装-->
			<div class="zright4" style="display: none;">
				<a class="ui-link1" href="#"><img src="images/20150518092213.jpg" width="100%" height="50px"/></a>
				<h3><a class="ui-link1" href="#" style="color: darkgray;">套装</a></h3>
				<div class="zz">
					<a class="ui-link2" href="#"><img src='images/包.png' width="25%" height="50px"/></a>
					<a class="ui-link2" href="#"><img src="images/彩妆.png" width="25%" height="50px"/></a>
					<a class="ui-link2" href="#"><img src="images/张家界1.png" width="25%" height="50px"/></a>
				</div>
				<br />
				<h3><a class="ui-links" href="#">套装</a></h3>
			</div>
			</div>
		</div>
	</body>

</html>